<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>产品展示 —— 启航纺织</title>
    <link href="home/css/bootstrap.min.css" rel="stylesheet">
    <link href="home/css/master.css" rel="stylesheet">
	<link href="home/css/model.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="home/js/html5shiv.js"></script>
    <script src="home/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<!-- ##########页首########## -->
<!-- 顶部 -->
<div class="container top">
	<div class="row">
		<div class="col-md-4">
            
        </div>
		<div class="col-md-3">
            
        </div>
		<div class="col-md-2">
            <a href="#" class="mail ant">
				<span class="glyphicon glyphicon-folder-open"></span>&nbsp;&nbsp;加入收藏
			</a>
        </div>
		<div class="col-md-3">
			<a href="#" class="phone ant">
				<span class="glyphicon glyphicon-phone"></span>&nbsp;联系电话：400 0000 001
			</a>
        </div>
	</div>
</div>

<!-- 公司logo -->
<div class="container title-logo">
	<div class="row">
        <div class="col-md-4">
			<a href="index.html">
				<img class="img-responsive" src="home/images/header.jpg" alt="网站logo">
			</a>
        </div>
		<div class="col-md-3">
        </div>
		<div class="col-md-2">
        </div>
		<div class="col-md-3">
        </div>
    </div>
</div>

<!-- 导航条 -->
<nav class="navbar navbar-default" role="navigation">
	<div class="container">

			<ul class="nav navbar-nav" style="width:100%;">
				<li class="active nav-top">
					<a href="index.html">首页</a>
				</li>

				<li class="dropdown nav-top">
					<a href="company.html" class="dropdown-toggle on" data-toggle="dropdown">关于启航</a>
					<ul class="dropdown-menu">
						<li><a href="company.html">公司概况</a></li>
						<li><a href="company.html">管理架构</a></li>
						<li><a href="company.html">发展历程</a></li>
						<li><a href="company.html">荣誉资质</a></li>
						<li><a href="company.html">企业文化</a></li>

					</ul>
				</li>
				<li class="dropdown nav-top">
					<a href="products.html" class="dropdown-toggle on" data-toggle="dropdown">产品展示</a>
					<ul class="dropdown-menu">
						<li><a href="products.html">提花面料</a></li>
						<li><a href="products2.html">印花面料</a></li>
						<li><a href="products3.html">素色面料</a></li>
						<li><a href="products4.html">格子面料</a></li>
						<li><a href="products5.html">条子面料</a></li>
						<li><a href="products6.html">绣花面料</a></li>
						<li><a href="products7.html">麻料面料</a></li>
						<li><a href="products8.html">毛纺面料</a></li>
						<li><a href="products9.html">皮革面料</a></li>
						<li><a href="products10.html">里布面料</a></li>

					</ul>
				</li>
				<li class="dropdown nav-top">
					<a href="newsCenter.html" class="dropdown-toggle on" data-toggle="dropdown">纺织动态</a>
					<ul class="dropdown-menu">
						<li><a href="newsCenter.html">公司要闻</a></li>
						<li><a href="newsCenter.html">纺织业界</a></li>
						<li><a href="newsCenter.html">纺织知识</a></li>
						
					</ul>
				</li>

				

				<li class="dropdown nav-top">
					<a href="develop.html" class="dropdown-toggle on" data-toggle="dropdown">咨询中心</a>
					<ul class="dropdown-menu">
						<li><a href="develop.html">在线反馈</a></li>
						<li><a href="develop.html">销售网络</a></li>

					</ul>
				</li>

				<li class="dropdown nav-top">
					<a href="#" class="dropdown-toggle on" data-toggle="dropdown">人力资源</a>
					<ul class="dropdown-menu">
						<li><a href="#">人才理念</a></li>
						<li><a href="#">人才招聘</a></li>

					</ul>
				</li>

				<li class="dropdown nav-top">
					<a href="#" class="dropdown-toggle on" data-toggle="dropdown">联系我们</a>
					<ul class="dropdown-menu">
						<li><a href="contact.html">联系我们</a></li>
						<li><a href="message.html">在线反馈</a></li>
						
						
					</ul>
				</li>

				

			</ul>
		
	</div>
</nav>

<div class="line theme"></div>
<!-- ##########页首（end）########## -->

<!-- ##########主体########## -->


<div class="container">
	<!-- 固定图片广告 -->
	<div class="row">
		<img class="img-responsive model-img" src="uploadfiles/image/20170911/5557875ae0a45e1.jpg" alt="产品与服务" >
	</div>
	
	<!-- 内容 -->
	<div class="row row-3">
		<div class="col-md-3">
			<div class="model-title theme">
				产品展示
			</div>
			<div class="model-list">
				<ul class="list-group">
                    <li class="list-group-item">
						<a href="products.html">提花面料</a>
					</li>
					<li class="list-group-item">
						<a href="products2.html">印花面料</a>
					</li>
					<li class="list-group-item">
						<a href="products3.html">素色面料</a>
					</li>
					<li class="list-group-item">
						<a href="products4.html">格子面料</a>
					</li>
					<li class="list-group-item">
						<a href="products5.html">条子面料</a>
					</li>
					<li class="list-group-item">
						<a href="products6.html">绣花面料</a>
					</li>
					<li class="list-group-item">
						<a href="products7.html">麻料面料</a>
					</li>
					<li class="list-group-item">
						<a href="products8.html">毛纺面料</a>
					</li>
					<li class="list-group-item">
						<a href="products9.html">皮革面料</a>
					</li>
					<li class="list-group-item">
						<a href="products10.html">里布面料</a>
					</li>
					
				</ul>
      
			</div>
		</div>
		<div class="col-md-9">
			<div class="model-details-title">
				剪花提花面料 F05586
			</div>
			<div class="row">
				<div class="col-md-6">
					<a href="#" class="thumbnail"><img class="img-responsive model-img" src="uploadfiles/image/20170910/1591234777.jpg" alt="剪花提花面料 F05586"></a>
				</div>
				<div class="col-md-6">
					
					<ul class="list-group">
						<li class="list-group-item">面料成分：N30 T70</li>
						<li class="list-group-item">密度：179*128</li>
						<li class="list-group-item">门幅：145cm</li>
						<li class="list-group-item">参考价格：26.00元/米</li>
						
					</ul>
					<form action="member.html" method="post">
					<div >
						<span class="jian"></span>
						<input type="text" name="num" class="num" value="1" >
						<span class="jia"></span>
					</div>
					<div style="clear:both;padding-top:15px;margin-bottom:30px;">
					<button type="submit" class="btn btn-danger">加入购物车</button>
					<input type="hidden" name="sid" value="9">
					<input type="hidden" name="name" value="剪花提花面料 F05586">
					<input type="hidden" name="price" value="7.8">
					<input type="hidden" name="image" value="/uploadfiles/image/20170910/1591234777.jpg">

					</div>
					</form>

				</div>
			</div>
			
			<div class="row">
					<div class="panel panel-default">
					  <div class="panel-heading">
					    <h3 class="panel-title">产品详情</h3>
					  </div>
					  <div class="panel-body">
					  	春秋女装服装高密全涤无弹欧根纱剪花高密色织提花面料
					    <img src="uploadfiles/image/20170912/1591234499.png"/>
					    <img src="uploadfiles/image/20170912/1591234498.png"/>
					    <img src="uploadfiles/image/20170912/1591234497.png"/>
					    <img src="uploadfiles/image/20170912/1591234500.png"/>
					    <img src="uploadfiles/image/20170912/1591234501.png"/>
					    <img src="uploadfiles/image/20170912/1591234502.png"/>
					    <img src="uploadfiles/image/20170912/1591234503.png"/>
					    <img src="uploadfiles/image/20170912/1591234504.png"/>
					  </div>
					</div>
			</div>
			
		</div>
	</div>
</div>
<!-- ##########主体（end）########## -->

<!-- ##########页脚########## -->
<div class="container web-footer">

	<!-- 底部 -->
	<div class="row" id="patent-footer">
			<p> © 2017 浙江启航纺织有限公司 版权所有 | 浙ICP备0000001号   </p>
    </div>
</div>	



<script src="home/js/jquery-1.11.1.min.js"></script>
<script src="home/js/bootstrap.min.js"></script>
<script src="home/js/zx.js"></script>
<div id="top"></div>
<script>

    /*导航条*/
    $(function () {
	    $(".dropdown").mouseover(function () {
	    	
	        $(this).addClass("open");
	    });

	    $(".dropdown").mouseleave(function(){

	        $(this).removeClass("open");
	    })
	})

	/*导航条标题点击事件*/
	$(".dropdown-toggle").click(function(){
		
		if($(this).attr('href')){
			window.location = $(this).attr('href');
		}

	});
</script>
</body>
</html>
<script>
$(function(){
	$('.jia').click(function(){
		var num=$('.num').val();
		num++;
		$('.num').val(num);
	})
	$('.jian').click(function(){
		var num=$('.num').val();
		if(num>1) num--;
		$('.num').val(num);
	})
	$('.num').change(function(){
		 if (isNaN(parseFloat($(this).val())) || parseFloat($(this).val()) <= 0) $(this).val(1);
	})

})
</script>